<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 50px;
            height: 50px;
            background-color: aqua;
        }
    </style>
</head>

<body>
    <div></div>
    <div></div>

</body>
<script>
    var arr = document.getElementsByTagName('div')
    console.log(arr);
    // let i = 0
    for (let i = 0; i < arr.length; i++) {
        arr[i].onclick = function () {
            console.log(i);
        }
    }
</script>
<script>
    // 编程实现找到所有姓杨的人；找到所有包含天这个字的人；找到周芷若的id
    const list = [
        { id: 3, name: "杨三丰" },
        { id: 5, name: "张无忌" },
        { id: 13, name: "杨逍" },
        { id: 33, name: "殷天正" },
        { id: 12, name: "赵敏" },
        { id: 97, name: "周芷若" },
    ]
    // 编程实现找到所有姓杨的人
    let arr_1 = list.filter(function (item, index) {
        return item.name.startsWith('杨')
    })
    console.log(arr_1);
    // 找到所有包含天这个字的人
    let arr_2 = list.filter(function (item, index) {
        return item.name.includes('天')
    })
    console.log(arr_2);
    // ；找到周芷若的id
    // let arr_3 = list.filter(function (item, index) {
    //     return item.name === '周芷若'
    // })
    let arr_3 = list.find(function (item, index) {
        return item.name === '周芷若'
    }).id
    console.log(arr_3);
</script>
<script>
    // 还是上面的那个数组，要求获取一个新的数组，数组中每一项的id * 2，
    // 并且增加updateTime属性，值为当前时间。
    var listArr = list.map(function (item, index) {
        // console.log(item);
        // item.id = item.id * 2
        return { ...item, id: item.id * 2, updateTime: new Date() }
    })
    console.log(listArr);

    var arr = [1, 2, 3, 4]
    console.log(...arr);
</script>



</html>